<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
	<body>    	  
		<rich:panel>
		 						   		 	    		
		<rich:dataTable 
                    onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                    onRowMouseOut="this.style.backgroundColor='A8A8A9'"
                    cellpadding="0" cellspacing="0" 
                    width="700" border="0" var="record" value="Prueba">
                
                    <f:facet name="header">
                        <rich:columnGroup>
                            <rich:column >
                                <h:outputText value="Columna 1" />
                            </rich:column>
                            <rich:column>
                                <h:outputText value="Columna 2" />
                            </rich:column>
                            <rich:column >
                                <h:outputText value="Columna 3" />
                            </rich:column>
                            <rich:column >
                                <h:outputText value="Columna 4" />
                            </rich:column>
                        </rich:columnGroup>
                    </f:facet>
     			<rich:columnGroup>
                    <rich:column  >
                    <h:outputText value="Fila 1" /></rich:column>
                    <rich:column  >
                    <h:outputText value="Fila 2" /></rich:column>
                    <rich:column  >
                    <h:outputText value="Fila 3" /></rich:column>
                    <rich:column  >
                    <h:outputText value="Fila 4" /></rich:column>
                 </rich:columnGroup>
                    
                    <rich:subTable
                        onRowMouseOver="this.style.backgroundColor='#F8F8F8'"
                        onRowMouseOut="this.style.backgroundColor='#A8A8A9'"
                        var="expense" value="prueba subtable">
       				<rich:column  >
                    <h:outputText value="Fila 1 subtable" /></rich:column>
                    <rich:column  >
                    <h:outputText value="Fila 2 subtable"  /></rich:column>
                    <rich:column  >
                    <h:outputText value="Fila 3 subtable" /></rich:column>
                    <rich:column  >
                    <h:outputText value="Fila 4 subtable" /></rich:column>        
                        
                    </rich:subTable>
        
                    
        
                </rich:dataTable>
                </rich:panel>
    </body>
	</html>